html {
  font-size: 64px;
}
@media screen and (min-width: 400px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 560px) {
  html {
    font-size: 28px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 32px;
  }
}
@media screen and (min-width: 720px) {
  html {
    font-size: 36px;
  }
}
@media screen and (min-width: 800px) {
  html {
    font-size: 40px;
  }
}
@media screen and (min-width: 880px) {
  html {
    font-size: 44px;
  }
}
@media screen and (min-width: 960px) {
  html {
    font-size: 48px;
  }
}
@media screen and (min-width: 1040px) {
  html {
    font-size: 52px;
  }
}
@media screen and (min-width: 1120px) {
  html {
    font-size: 56px;
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 60px;
  }
}
@media screen and (min-width: 1280px) {
  html {
    font-size: 64px;
  }
}
